<%@page import="br.com.Modelo.UsuarioCliente"%>
<%@page import="java.util.List"%>
<%@page import="br.com.Modelo.Produto"%>
<%@page import="br.com.Modelo.UsuarioComerciante"%>
<%@page import="br.com.Modelo.Pagina"%>
<%@page import="br.com.Modelo.Endereco"%>
<%@page import="br.com.Dao.UsuarioClienteDao"%>
<%@page import="br.com.Dao.UsuarioComercianteDao"%>
<%@page import="br.com.Dao.ProdutoDao"%>
<%@page import="br.com.Dao.PaginaDao"%>
<%@page import="br.com.Dao.EnderecoDao"%>
<%@page import="java.io.IOException"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>SB Admin - Bootstrap Admin Template</title>

<!-- Bootstrap Core CSS -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="../public/css/jquery-te-1.4.0.css">


<script type="text/javascript"
	src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../public/js/jquery-te-1.4.0.min.js"
	charset="utf-8"></script>



<link href="../public/css/plugins/dataTables.bootstrap.css"
	rel="stylesheet">

<link href="../public/css/jquery-te-1.4.0.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="../public/css/sb-admin.css" rel="stylesheet">

<!-- Morris Charts CSS -->
<link href="../public/css/plugins/morris.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="../public/font-awesome-4.1.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
	
	<link href="../bootstrap/css/bootstrapValidator.css" rel="stylesheet">

<script type="text/javascript" src="../bootstrap/js/bootstrapValidator.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


<style>
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
	{
	background-color: #1f90bb;
	background-position: 0 -15px;
}

h1 {
	font-size: 33px;
	color: #99CC00;
	margin: 15px 0
}

.navigation {
	margin: 10px 0 20px;
}

.navigation,.navigation a {
	color: #608000;
	font-size: 12px;
}

.navigation a {
	margin-right: 4px;
}

h2 {
	margin: 15px 0 25px;
	color: #608000;
	font-size: 14px;
	font-weight: bold
}

.testbutton {
	margin-bottom: 30px;
	background: #3399FF;
	padding: 6px 25px;
	border: #003F81 1px solid;
	color: #FFF;
	font-size: 22px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: inset 0 5px 5px #67B3FF;
	-webkit-box-shadow: inset 0 5px 5px #67B3FF;
	-moz-box-shadow: inset 0 5px 5px #67B3FF
}

.testbutton:hover {
	background: #198CFF;
	cursor: pointer
}

.footer,.footer * {
	color: #802D00;
	font-size: 15px
}

.jqte-test {
	display: block;
	margin: 0 0 10px;
	padding: 6px;
	width: 95%;
	background: #FFF;
	border: #AAA 1px solid;
	font-size: 14px;
}

textarea.jqte-test,div.jqte-test,span.jqte-test {
	min-height: 100px;
}
cursor


:pointer


;
}
</style>


</head>

<body>


	<%
		///allow access only if session exists
	    
		String[] id = (String[]) session.getAttribute("user");
	    
		UsuarioCliente userCliente = null;
		UsuarioComerciante userComerciante = null;

		UsuarioComercianteDao dao = new UsuarioComercianteDao();
		if (id != null) {
			
			if (id[1].equals("1")) {


			} else {

		   userComerciante = dao.validaAutenticacaoUser(
		Long.parseLong(id[0]), Integer.parseInt(id[1]));
			}
		}
		String userName = null;
		String sessionID = null;
		
		if (userComerciante != null) {
			Pagina pagina = new Pagina();
			PaginaDao paginaDao= new PaginaDao();
			//out.println(userComerciante.getIdPagina());
			pagina = paginaDao.getPagina(userComerciante.getIdPagina());
			
			if(pagina != null){
		  //  pagina = new PaginaDao().getPagina(userComerciante.getIdPagina());
		       Long id_prod = Long.parseLong(request.getParameter("id_produto"));
		       Produto produto = new Produto();
		       ProdutoDao produtoDao = new ProdutoDao();
		       produto = produtoDao.getProdId(id_prod);
		      
		       if(produto != null){
		       
	%>


	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-ex1-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">Painel Administrativo</a>
		</div>
		<!-- Top Menu Items -->
		<ul class="nav navbar-right top-nav">


		<li class="dropdown"><a class="dropdown-toggle" role="button"
				data-toggle="dropdown" href="#"> <i
					class="glyphicon glyphicon-user"></i> <%=userComerciante.getLogin()%>
					<span class="caret"></span></a>
				<ul id="g-account-menu" class="dropdown-menu" role="menu">
					<li><a href="#">Meu Perfil</a></li>
					<li><a href="#"><i class="glyphicon glyphicon-lock"></i>
							Sair</a></li>
				</ul></li>
		</ul>
            <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                     <li class="co">
                        <a href="/plataforma_marketing"><img src="/plataforma_marketing/img/logo.png"></img> </a>
                    </li>

                    <li class="">
                        <a href="admin_loja.jsp"><i class="fa fa-fw fa-file"></i> Configurações Pagina</a>
                    </li>
                  
                    <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-arrows-v"></i> Produto<i class="fa fa-fw fa-caret-down"></i></a>
                      
                    <ul id="demo" class="collapse">
                            <li>
                             <a href="cadastrar_produto.jsp"><i class="glyphicon glyphicon-plus"></i> Cadastrar Produto</a></li>
                            
                             <li>
                                <a href="editar_produto.jsp"><i class="glyphicon glyphicon-cog"></i> Editar Produto</a>
                            </li>
                         
                        </ul>
                                               
                        
                    </li>
                    <li>
                        <a href="config_admin.jsp"><i class="fa fa-fw fa-edit"></i> Configurações Admin</a>
                    </li>
                 
                  
                    	<li id="ir"><a href="/plataforma_marketing/<%=pagina.getPagina()%>"><i class="glyphicon glyphicon-transfer"></i>
					  Ir para Pagina</a></li>
               
                
                </ul>
            </div>
            <!-- /.navbar-collapse -->
		 </nav>

		<div id="page-wrapper">

			<div class="container-fluid">

				<!-- Page Heading -->
				<div class="row">


					<div class="panel panel-default">
						<div class="panel-heading">
							<div class="panel-title">
								<i class="glyphicon glyphicon-wrench pull-right"></i>
								<h4>Editar Produto</h4>
							</div>
						</div>
						<div class="panel-body">
						
						      	        <%
				
				if(request.getParameter("check-cad")!= null){
			%>
	<div class="alert alert-danger">  
		<button type="button" class="close" data-dismiss="alert">×</button>
		<strong>Erro!</strong> <%=request.getParameter("check-cad") %>
   </div>
           <%} %>
           
           				
				<%if(request.getParameter("check-ok")!= null){%>
	<div class="alert alert-success">  
		<button type="button" class="close" data-dismiss="alert">×</button>
		<strong>OK!</strong> <%=request.getParameter("check-ok") %>
   </div>
           <%} %>
          
						
							<button class="btn-primary status">Ativar o Editor de
								Texto</button>
							<br /> <br />
							
							
								<!-- <div class="form-group">
									  <label class="col-md-2 control-label" for="descricao_empresa">Imagem Produto</label>
									  <div class="col-md-8">									    
											<span class="btn btn-default btn-file"> 
											 <input type="file">
											</span>							
										     	
											      <input type="button" class="btn btn-primary"  value="Enviar">
										    							
										     
										</div>
									</div> -->
									
						          <!--  upload capa pagina -->
						       
							<%
								//=userComerciante.getIdPagina()
							%>
							<%
								String check = request.getParameter("check-upload");
						        String nameImg= request.getParameter("nameImg");   
							        
						    if(check!= null) {%>							         
							          
									<div class="alert alert-success">  
										<button type="button" class="close" data-dismiss="alert">×</button>
									   <strong>OK!</strong> Upload Realizado com sucesso. 
  								   </div>
          
							<% }%>   
							
							<div>
							
							   <img src="/plataforma_marketing/img/product/<%=produto.getImagem_produto()%>" width="350px" height="180px">
							   <br/><br/>
							</div>
						          
							<form class="form form-horizontal" method="post" action="atualizar_img_produto"
								enctype="multipart/form-data">
								<input type="hidden" name="idProduto"
									value="<%=produto.getId_produto()%>" />
							   <label class="col-md-2 control-label" for="descricao_empresa">Imagem Produto</label>		
							  						
								<!-- <input type="hidden" name="idPagina"<%//=userComerciante.getIdPagina()%>" /> -->
									<span class="btn btn-default btn-file"> <input type="file" 	name="file" size="60">
                                       </span>
                                
							

										<button type="submit" class="btn btn-primary">Enviar 
										</button>								
								
							</form>
							
							<hr/>

							<!--  upload capa pagina -->
			
							
							
							<form id="myform" class="form-horizontal" action="/plataforma_marketing/admin/editar_produto"
								method="post">
								<fieldset>


									<!-- Text input-->
									<div class="form-group">
										<label class="col-md-2 control-label" for="login_empresa">Nome
											Produto</label>
										<div class="col-md-5">
											<input id="login_empresa" name="nome_produto" type="text" value="<%=produto.getNome_produto() %>"
												placeholder="Nome Produto" class="form-control input-md">

										</div>
									</div>
									<!-- Select Basic -->
									<div class="form-group">
										<label class="col-md-2 control-label" for="ramo_empresa">Tipo
											Produto</label>
										<div class="col-md-5">
											<select id="ramo_empres" name="tipo_produto" 
												class="form-control">
												
											<% if(produto.getTipo_produto().equals("roupas")){ %>
												<option value="roupas" selected>Loja de Roupas</option>
												<%} else{ %>
												<option value="roupas">Loja de Roupas</option>
												<% }if(produto.getTipo_produto().equals("sapatos")){ %>
												<option value="sapatos" selected>Sapataria</option>
												<%} else{ %>
												<option value="sapatos">Sapataria</option>
												<% }if(produto.getTipo_produto().equals("moveis_eletros")){ %>
												<option value="moveis_eletros" selected>Móveis e Eletrodomésticos</option>
												<%} else{ %>
												<option value="moveis_eletros">Móveis e Eletrodomésticos</option>
												<% }if(produto.getTipo_produto().equals("supermercados")){ %>
												<option value="supermercados" selected>Supermercado</option>
												<%} else{ %>
												<option value="supermercado">Supermercado</option>
												<% }if(produto.getTipo_produto().equals("eletronicos")){ %>
												<option value="eletronicos" selected>Eletronicos</option>
												<%} else{ %>
												<option value="eletronicos">Eletronicos</option>
												<%} %>
											</select>
										</div>
									</div>


									<!-- Text input-->
									<div class="form-group">
										<label class="col-md-2 control-label" for="cnpj">Descrição
											Produto</label>
										<div class="col-md-8">

											<textarea class="jqte-test" name="descricao_produto" >
											   <%=produto.getDescricao_produto() %>
											</textarea>
										</div>
									</div>

									<!-- Password input-->
									<div class="form-group">
										<label class="col-md-2 control-label" for="senha_confirma">Tipo
											Preço Produto</label>
										<div class="col-md-5">
											<select id="ramo_empresa" name="tipo_preco"
												class="form-control">
												<% if(produto.getTipo_preco_produto() == 1){ %>
												<option value="1" selected>Normal</option>
												<%} else{ %>
												<option value="1">Normal</option>
												<%} %>
												<% if(produto.getTipo_preco_produto() == 2){ %>
												<option value="2" selected>Promoção</option>
												<%} else{ %>
												<option value="2">Promoção</option>
												<%} %>
											</select>
										</div>
									</div>


									<!-- Textarea -->
									<div class="form-group" id="price_norm" style="display: none">
										<label class="col-md-2 control-label" for="descricao_empresa">Preço
											Normal Produto</label>
										<div class="col-md-4">

											<input id="end" name="preco_produto" type="text"
												placeholder="0.00" class="form-control input-md" value="<%=produto.getPreco_normal_produto()%>">
										</div>
									</div>


									<!-- Textarea -->
									<div class="form-group"  id="price_promo" style="display: none">
										<label class="col-md-2 control-label" for="descricao_empresa">Preço
											Promoçao</label>
										<div class="col-md-4">

											<input id="end" name="preco_produto_p" type="text" value="<%=produto.getPreco_promocao_produto()%>"
												placeholder="0.00" class="form-control input-md">
										</div>
									</div>

									<hr class="prettyline">
									<!-- Text input-->
								
			<input type="hidden" value="<%=userComerciante.getId() %>" name="id_com" />
			<input type="hidden" value="<%=produto.getId_produto()%>" name="id_produto" />
			
            <input type="hidden" value="<%=((request.getParameter("nameImg") != null ? request.getParameter("nameImg") :"mc.jpg" ))%>" name="nameImg" />






									<!-- Button -->
									<div class="form-group" style="float: left">
										<label class="control-label" for="signin">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label>
										<div class="controls">
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
											
								
											<button id="signin" name="signin" class="btn btn-success">Cadastrar
											</button>
										</div>
									</div>

								</fieldset>
							</form>

						
					<nav>
  <ul class="pager">
    <li class="previous"><a href="editar_produto.jsp"><span aria-hidden="true">&larr;</span> Voltar</a></li>

  </ul>
</nav>

						</div>
						<!--/panel content-->
					</div>
					<!--/panel-->




				</div>
				<!-- /.row -->



			</div>
			<!-- /.container-fluid -->

		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- /#wrapper -->

  
	<!-- jQuery Version 1.11.0 -->
	<script src="public/js/jquery-1.11.0.js"></script>
	
	  <script>

	 $(document).ready(function() {
			//$('#p').click(function() {
			$('#price_norm').css("display", "block");
			var y = $('#ramo_empresa').val();
			 if(y == 1){
   			  
    			 $('#price_norm').css("display", "block");
    			 $('#price_promo').css("display", "none");
    		 }else{

    			 $('#price_promo').css("display", "block");
    			 $('#price_norm').css("display", "block");
        		}

		  $('#ramo_empresa').change(function() {   
    	   var x =  $('#ramo_empresa').val();
    	  
    	   if(x == 1){
    			  
    			 $('#price_norm').css("display", "block");
    			 $('#price_promo').css("display", "none");
    		 }else{

    			 $('#price_promo').css("display", "block");
    			 $('#price_norm').css("display", "block");
        		}

        	});
									
					  $('#myform').bootstrapValidator({
					        feedbackIcons: {
					            valid: 'glyphicon glyphicon-ok',
					            invalid: 'glyphicon glyphicon-remove',
					            validating: 'glyphicon glyphicon-refresh'
					        },
					        fields: {
					        	 preco_produto: {
						                validators: {
						                	notEmpty: {
						                        message: ' não pode ser vazio'
						                    },
						                    numeric: {
					                            message: 'O preço deve ser um número'
					                        }
						                }
						            },
						            preco_produto_p:{
							            validators:{
						            	notEmpty: {
					                        message: ' não pode ser vazio'
					                    },
					                    numeric: {
				                            message: 'O preço deve ser um número'
				                        }

							            }				              

							       }
						       }
					        
					    });		

						
						
						
	
				
			
		});
    


	</script>

	

	<!-- DataTables JavaScript -->
	<script src="../public/js/plugins/dataTables/jquery.dataTables.js"></script>
	<script src="../public/js/plugins/dataTables/dataTables.bootstrap.js"></script>


	<!-- Bootstrap Core JavaScript -->
	<script src="../public/js/bootstrap.min.js"></script>

	<!-- Morris Charts JavaScript -->
	<script src="public/js/plugins/morris/raphael.min.js"></script>
	<script src="public/js/plugins/morris/morris.min.js"></script>
	<script src="public/js/plugins/morris/morris-data.js"></script>
	<script>
		$('.jqte-test').jqte();

		// settings of status
		var jqteStatus = true;
		$(".status").click(function() {
			jqteStatus = jqteStatus ? false : true;
			$('.jqte-test').jqte({
				"status" : jqteStatus
			})
		});
	</script>
	
	 
    <%
		}}}
	%>
</body>

</html>